<template>
  <!-- 修改应用组件的模板 -->
  <div id="app">
    <!-- 设置路由组件的视图位置 -->
    <router-view></router-view>
    <!-- 并放置非路由组件 -->
    <FooterGuide v-show="$route.meta.showFooter"></FooterGuide>

  </div>
</template>

<script>
	import {mapActions} from 'vuex'//调用方法 在methods里用
  import FooterGuide from './compoenets/FooterGuide/FooterGuide.vue'
// 引入底部组件并注册 	
export default {
	mounted(){
		 // 通过this.$store.dispatch 方法触发调用Action
		this.$store.dispatch('getAddress')
		this.$store.dispatch('getShops')
	},
components: {
    FooterGuide
	}
} 	
//1、export与export default均可用于导出常量、函数、文件、模块等
//2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用
//3、在一个文件或模块中，export、import可以有多个，export default仅有一个
//4、通过export方式导出，在导入时要加{ }，export default则不需要
</script>

<style lang="stylus" rel="stylesheet/stylus">
/* 整个应用组件的样式*/
  #app
    width 100%
    height 100%
    background #f5f5f5
</style>
